#{extends 'Works/base.html' /}
#{set title:'Show works info' /}	
		<div class="main-content row">
			<h2>${work.title}</h2>
				<small>发布时间：${work.date}</small>		
				<table class="table table-hover show-job-info">
					<tbody>
						<tr>
							<td>
								<strong>公司</strong>
								<span>${work.unit}</span>
							</td>
							<td>
								<strong>招聘职位</strong>
								<span>${work.position}</span>
							</td>
							<td>
								<strong>招聘人数</strong>
								<span>${work.number}</span>
							</td>
						</tr>
						<tr>
							<td>
								<strong>性别</strong>
								<span>${work.sex}</span>
							</td>
							<td>
								<strong>学历要求</strong>
								<span>${work.degree}</span>
							</td>
							<td>
								<strong>年龄</strong>
								<span>${work.minage}至${work.maxage}周岁</span>
							</td>
						</tr>
						<tr>
							<td>
								<strong>工作经验</strong>
								<span>${work.year}</span>
							</td>
							<td>
								<strong>月薪</strong>
								<span>${work.minsalary}至${work.maxsalary}元</span>
							</td>
							
							
						</tr>
						<tr>
							
							<td>
								<strong>联系人</strong>
								<span>${work.linkman}</span>
							</td>
							<td>
								<strong>联系电话</strong>
								<span>${work.phone}</span>
							</td>
					</tbody>
				</table>
				</div>
						  			<!-- Nav tabs -->
			<div class="col-md-12">
			<ul class="nav nav-tabs col-md-12" role="tablist">
			  <li class="active"><a href="#describe" role="tab" data-toggle="tab">职位描述</a></li>
			  <li><a href="#resource" role="tab" data-toggle="tab">其他职位</a></li>
			</ul>
			<div class="alert alert-success col-md-12" role="alert">如果发现招聘有任何虚假地方，欢迎<a href="@{Application.back}">举报</a></div>
			</div>
			<div class="tab-content row col-md-11 col-md-push-1">
			  <div class="tab-pane active" id="describe">
			  	<ol>
			  		<li>${work.details}</li>
			  	</ol>
			  </div>
			  <div class="tab-pane col-md-12" id="resource">
			<table class="table table-hover table-condensed">
				<thead>
					<th>职位</th>
					<th>公司</th>
					<th>联系人</th>
					<th>时间</th>
				</thead>
				<tbody>
				#{list items:WorksList,as : 'work'}
					<tr>
						<td><strong><a>${work.position}</a></strong></td>
						<td><a>${work.unit}</a></td>
						<td>${work.linkman}</td>
						<td>${work.showDate()}</td>
					</tr>
					#{/list}
				</tbody>
			</table>	
			  </div>
			  </div>
		</div>
		#{set "moreSubpageScripts"}
			<script type="text/javascript">
				var showphone = document.querySelector('.show-job-info .btn');

				 showphone.onclick = function(){
				 	this.parentNode.getElementsByTagName('img')[0].src="../public/images/showphone2.gif";
				 	this.innerHTML ="赵小姐";
				 	addClass(this,'disabled');
				 }
			</script>
		#{/set}